<html>
<head>

	 <meta http-equiv="Content-Script-Type" content="text/javascript" />

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" ></script>
	<script type="text/javascript" src="percentage_bar.js" ></script>
	<script type="text/javascript">
		$(function(){
			$("#progresbar").percentageBar({
				value : 20
			});

		});

	</script>

	<script type="text/javascript">
		function setBar(){
			$("#progresbar").percentageBar({
				value : $("#percentage").val()
			});
			
		}

	</script>

</head>
<body>
	<div id="progresbar"></div>
	<br/>
	<input type="text" id="percentage" value="20" />%
	<button style="height: 20px;width:100px;" type="button" onClick="setBar();" >set</button>
</body>
</html>

